// margin-top循环
@for $i from 1 through 30 {
  .margin-top-#{$i} {
    margin-top: (1px * $i);
  }
}

// margin-left循环
@for $i from 1 through 30 {
  .margin-left-#{$i} {
    margin-left: (1px * $i);
  }
}
// padding-top循环
@for $i from 1 through 30 {
  .padding-top-#{$i} {
    padding-top: (1px * $i);
  }
}

// padding-left循环
@for $i from 1 through 30 {
  .padding-left-#{$i} {
    padding-left: (1px * $i);
  }
}
